.channel-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: 30px;
}
.channel-card {
  background-color: rgba(242, 242, 242, 1);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid rgba(215, 215, 215, 1);
  margin-left: 30px;
  margin-bottom: 20px;
  cursor: pointer;
  .title {
    font-size: 22px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .sub-title {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: bold;
  }
  .desc {
    font-size: 18px;
    margin-top: 20px;
  }
  .ship-date {
    font-size: 18px;
  }
  .footer {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    .slow-tag {
      border-radius: 0 8px 0 8px;
      height: 21px;
      padding-left: 10px;
      padding-right: 8px;
      background-color: rgba(85, 85, 85, 1);
      color: #fff;
      font-size: 14px;
    }
    .txt {
      font-size: 14px;
      color: #3d3d3d;
      line-height: 14px;
      margin-left: 20px;
    }
  }
  &.checked {
    border: 1px solid rgba(116, 97, 130, 1);
    background-color: rgba(116, 97, 130, 1);
    .title, .sub-title, .desc, .ship-date, .footer .txt {
      color: #fff;
    }
    .footer {
      .slow-tag {
        background-color: rgba(255, 247, 0, 1);
        color: #000;
      }
    }
  }
}